﻿/*商品分类*/
.category { background: #f4f4f4 }
.category .type { background: #f4f4f4; }
.type { background: #fff; }
.type a { float: left; width: 25%; text-align: center; font-size: .3rem; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; color: #666; padding: .2rem 0; }
.type a.on { border-color: #fff; background: #fff; border-right: 1px solid #f2f2f2; color: #6ab42f }
.type a:last-child { border-right: none; }
.type a i { display: block; font-size: 1rem; }
.list { background: #fff }
.list .goods { padding: .4rem; text-align: center; border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; box-sizing: border-box; width: 50%; float: left; position: relative; background: none }
.list .goods .goods:nth-child(even) { border-right: none; }
.list .goods .goodsimg { width: 100%; margin-bottom: .2rem }
.list .goods .goodsimg img { display: block; height: 4.2rem; margin: auto; width: 4.2rem; }
.list .goods .title { font-size: .4rem; line-height: .5rem; height: .5rem; margin: .1rem 0; float: left; overflow: hidden; padding-right: .8rem; text-align: left }
.list .goods .title a { color: #444 }
.list .goods .pirce { text-align: left; }
.list .goods .pirce span.green { font-size: .4rem; }
.list .goods .addcart { bottom: .48rem; font-size: .7rem; height: .9rem; line-height: .8rem; padding: 0 .2rem; position: absolute; right: 0; border-left: 1px solid #f2f2f2;/*border-bottom-left-radius:1rem; border-top-left-radius:1rem; background:#f2f2f2;*/ }
.list .goods .addcart i { color: #e0e0e0 }
/*商品展示页*/
.goods { background: #f4f4f4 }
.maininfo { border-bottom: 1px solid #e0e0e0; padding: .4rem; background: #fff }
.maininfo .title { position: relative; }
.maininfo .title h2 { font-size: .5rem; padding-right: 2rem; line-height: .6rem; font-weight: 300; }
.maininfo .title .share { font-size: 0.4rem; position: absolute; right: 0; top: 0; color: #999; text-align: center; border-left: 1px solid #f2f2f2; padding: 0 .2rem 0 .4rem; }
.maininfo .title .share span { display: block; font-size: .34rem; }
.maininfo .title .share i { font-size: 1rem; line-height: 1rem; display: block; }
.maininfo .title .share.on,.maininfo .title .share.on i,.maininfo .title .share.on span{ color:#6ab42f}
.maininfo .price { font-size: 0.4rem; margin-top: 0.2rem }
.maininfo .price span.num { font-size: .6rem; margin: 0 .2rem; }
.maininfo .oldprice { display: inline-block; font-size: 0.36rem; padding-left: .24rem; }
.maininfo .oldprice span.num { font-size: 0.4rem; margin: 0 .2rem; text-decoration: line-through; }
.maininfo .sales { display: inline-block; font-size: .36rem; padding-left: 0.2rem; }
.maininfo .sales span.num { font-size: .4rem; margin: 0 .04rem; }
.content .info { color: #666; padding: .4rem .4rem 80px; font-size: .4rem; line-height: .6rem }
.content .info img { width: 100% !important; height: auto !important; margin: .2rem 0; display:block;}
.goodsshow { width: 100%; height: 10rem; background: #ccc }
.category .bottomside { background: #fff; }
.goods .head { position: absolute; z-index: 10; background: none; border: none; box-shadow: none; display: block }
.goods .head a.back { background: rgba(0,0,0,0.4); border-radius: 1rem; display: block; height: 1.2rem; left: 0.4rem; line-height: 1.2rem; text-align: center; top: 0.4rem; width: 1.2rem; padding: 0; position:relative; color:#fff;}
.goodsshow .head a.back i { font-size: .8rem; }
.goods .goodsnum { border-top: 1px solid #f4f4f4; padding: .36rem 0 0 0; margin-top:.4rem; line-height: .8rem; font-size:.36rem; }
.goods .goodsnum .now_ch.num{ color:#6ab42f; font-size:.6rem; vertical-align:bottom;}
.goods .goodsnum strong{ font-weight:400}
.goods .goodsnum section.select { display: inline; float: right; }
.goods .goodsnum section.select .btn-del { float: left; background: #f2f2f2 none repeat scroll 0 0; border: 1px solid #e0e0e0; border-bottom-left-radius: 0.1rem; border-top-left-radius: 0.1rem; display: inline-block; font-size: 0.4rem; line-height: 0.8rem; text-align: center; width: 0.8rem; }
.goods .goodsnum section.select .good_num { float: left; background: #fff; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-left: none; border-right: none; display: inline-block; font-size: .4rem; line-height: 0.8rem; text-align: center; width: 1rem; height:.8rem; }
.goods .goodsnum section.select .btn-add { float: left; background: #f2f2f2 none repeat scroll 0 0; border: 1px solid #e0e0e0; border-bottom-right-radius: 0.1rem; border-top-right-radius: 0.1rem; display: inline-block; font-size: 0.4rem; line-height: 0.8rem; text-align: center; width: 0.8rem; }
.goods .goodsnum section.select a:active{ background:#e0e0e0; border-color:#ccc}
/*首页*/
.index .page .avatar { position: absolute; top: .4rem; left: .4rem; z-index: 10; }
.index .page .avatar span { position: relative; z-index: 2; width: 2.4rem; height: 2.4rem; overflow: hidden; display: block; border-radius: 2rem; border: .1rem solid #fff; box-shadow: 0 0 .4rem rgba(0,0,0,0.4); float: left }
.index .page .avatar span img { height: 2.4rem; width: 2.4rem; }
.index .page .avatar div.name { position: relative; z-index: 1; background: #f60; color: #fff; float: left; padding: .2rem .4rem; border-bottom-right-radius: 1rem; border-top-right-radius: 1rem; top: .9rem; font-size: .4rem; margin-left: -.2rem; box-shadow: .08rem .08rem 0 rgba(0,0,0,0.4) }
.index .goodsshow { width: 100%; height: 5.8rem; }
.swiper-slide img { width: 100%; height: auto; max-height: none; display: block; margin: auto; }
.index .catnav { background: url(../images/public/index_nav_bg.png); background-size: cover; padding: .4rem 0; height: 1.8rem; }
.index .catnav li { width: 20%; float: left; text-align: center }
.index .catnav a { background: #000; border-radius: 1rem; color: #fff; display: inline-block; font-size: 1.2rem; height: 1.6rem; line-height: 1.6rem; text-align: center; width: 1.6rem; }
.index .rec { width: 100%; background: #fff; }
.index .rec div { box-sizing: border-box; float: left; }
.index .rec .col1 { width: 20%; }
.index .rec .col2 { width: 40%; }
.index .rec .col50 { width: 50%; }
.index .rec .col3 { width: 60%; }
.index .rec .col100 { width: 100%; }
.index .rec h4 { font-size: 0.46rem; padding: 0.4rem 0 0.1rem 0.4rem; }
.index .rec h6 { font-size: .27rem; padding: 0 0 0 .4rem; }
.index .rec .col50 h4, .index .rec .col3 h4 { padding-left: .2rem; }
.index .rec .col50 h6, .index .rec .col3 h6 { padding-left: .2rem; }
.index .banner img { width: 100%; height: auto; }
